<div class="btn-group" ng-class="{dimmed: content.id === 0}">
    
    <!-- options button -->
    <a class="btn" href="#" ng-click="getOptions()" prevent-default data-toggle="dropdown">
        <localize key="general_actions">Actions</localize>
        <span class="caret"></span>
    </a>

    <!-- actions -->
    <ul class="dropdown-menu  umb-actions" role="menu" aria-labelledby="dLabel">
        <li class="action" ng-class="{sep:action.seperator}" ng-repeat="action in actions">

            <!-- How does this reference executeMenuItem() i really don't think that this is very clear -->
            <a prevent-default
                ng-click="executeMenuItem(action)">
                <i class="icon icon-{{action.cssclass}}"></i>
                <span class="menu-label">{{action.name}}</span>
            </a>
        </li>
    </ul>
</div>
